<script setup>

</script>

<template>
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <router-link to="/" class="text-decoration-none">Home</router-link>
      </li>
      <li class="breadcrumb-item active" aria-current="page">
        <router-link to="/user" class="text-decoration-none">User</router-link>
      </li>
    </ol>
  </nav>

  <div class="row">
    <div class="col-3">
      <h1>用户列表</h1>
      <div class="list-group">
        <router-link to="/user/detail" class="list-group-item" >陆雪琪
        </router-link>
        <router-link to="/user/edit" class="list-group-item ">张晓峰</router-link>
        <router-link to="/user1" class="list-group-item ">田不易</router-link>
      </div>
    </div>

    <div class="col-9">
      <router-view></router-view>
    </div>
  </div>
  <!--  <div class="col-9">-->
  <!--    <h1>请选择用户进行查看或者编辑</h1>-->
  <!--    <h1>查看用户详情</h1>-->
  <!--    <h1>编辑用户信息</h1>-->
  <!--  </div>-->
</template>
<script>

export default {
  name: 'User',
}
</script>
<style scoped>
@import "bootstrap/dist/css/bootstrap.min.css";
</style>